.processDrawing-container-fadeIn {
  position: fixed;
  top: 50%;
  right: 2%;
  z-index: 999;
  width: 400px;
  height: 300px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  box-shadow: 0 0 5px 0 #6d9bf0;
  transform: translateY(-50%);

  animation: fade-in 0.5s ease-in-out;
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .processDrawing-container-title {
    color: #fff;
    font-size: 16px;
    text-align: left;
    text-shadow: 0 0 0.25rem #fff, 0 0 0.3125rem #fff, 0 0 0.3125rem #3a85c5, 0 0 2.5rem #3a85c5,
      0 0 1.25rem #3a85c5, 0 0 1.25rem #3a85c5, 0 0 3.125rem #3a85c5, 0 0 3.125rem #3a85c5;
  }

  .processDrawing-container-content {
    width: 100%;
    margin-top: 10px;
    img {
      width: 100%;
    }
  }

  @keyframes scaleAnimation {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

  /* 应用动画到元素 */
  .text-zoomInOut {
    animation: scaleAnimation 1.5s infinite ease-in-out;
  }
}

// 小屏设备（手机）适配
@media (max-width: 600px) {
  .processDrawing-container-fadeIn {
    position: fixed;
    top: 55%;
    left: 1%;
    // width: 90vw;
    transform: scale(0.9);
  }
}
